<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>model</title>
    <link rel="stylesheet" href="../style/css/common.css">
    <script src="../style/js/common.js"></script>
</head>
<body>
<!-- 导航栏 -->
<div class="nav-bar clearfix">
    <!--  logo  -->
    <div class="brand fl">BAND</div>
    <!--  搜索栏不用可以去除  -->
    <div class="search-box clearfix">
        <input class="search-input fl" type="text" placeholder="search">
        <button class="search-button fr">查询</button>
    </div>
    <!--  按钮组  -->
    <div class="buttons fr">
        <!--  例子  -->
        <div class="user-button"></div>
    </div>
</div>


<!-- 内容 -->
<div class="contain clearfix">
    <!--  左栏  -->
    <div class="left-contain fl">
        <div class="model">
            model 1
        </div>
        <div class="model">
            <ul>
                <li><a href="#">a1</a></li>
                <li><a href="#">a2</a></li>
                <li><a href="#">a3</a></li>
                <li><a href="#">a4</a></li>
                <li><a href="#">a5</a></li>
            </ul>
        </div>
    </div>
    <!--  右栏  -->
    <div class="right-contain fr">
        <div class="model">model right</div>
        <div class="model">model right</div>
    </div>
</div>
</body>
</html>